<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/template.css" />
		<link rel="stylesheet" type="text/css" href="css/user.css"/>
		<title>USER</title>
	</head>

	<body>
		<div class="web">
			<!--头部-->
			<header>
				<div id="catalog">
					<i class="iconfont icon-mulu"></i>
				</div>
				<div id="search">
					<i class="iconfont icon-fangdajing1"></i>
				</div>
				<div class="logo">
					<a href="index.html"><img src="img/logo.jpg" /></a>
				</div>
				<!--目录-->
				<div id="catalog_page_id">
					<div class="catalog_cont">
						<div id="catalog_page_close">
							<i class="iconfont icon-guanbi"></i>
						</div>
						<div class="catalog_share">
							<a href="#"><i class="iconfont icon-weibo1"></i></a>
							<a href="#"><i class="iconfont icon-xingzhuang"></i></a>
							<a href="#"><i class="iconfont icon-baidu"></i></a>
							<a href="#"><i class="iconfont icon-ins"></i></a>
						</div>
						<div class="catalog_list">
							<ul>
								<li>
									<a href="about_us.html">About Or</a>
								</li>
								<li>
									<a href="product.html">Product</a>
								</li>
								<li>
									<a href="space.html">Space Inspiration</a>
								</li>
								<li>
									<a href="user.html">User Experience</a>
								</li>
							</ul>
						</div>
						<div class="catalog_across">
							<i class="iconfont icon-hengxian1"></i>
							<a href="#">NEWS</a>
							<i class="iconfont icon-hengxian1"></i>
							<a href="#">EVENT</a>
							<i class="iconfont icon-hengxian1"></i>
							<a href="#">CONTACT</a>
							<i class="iconfont icon-hengxian1"></i>
						</div>
					</div>
				</div>
				<!--搜索-->
				<div id="search_page_id">
					<div class="search_cont">
						<div id="return">
							<i class="iconfont icon-jiantou"></i>
							<span>return</span>
						</div>
						<div class="search_form">
							<form action="" method="get">
								<input type="text" name="" id="search_input" value="" autofocus="autofocus" autocomplete="off" />
							</form>
							<p>Search anything &amp; hit enter</p>
						</div>
					</div>
				</div>
			</header>
			<!--中间内容-->
			<section class="overflow">
				<!--海报-->
				<div class="banner">
					<div class="banner_item overflow">
						<div class="banner_img">
							<img src="img/user_01.jpg" />
						</div>
					</div>
				</div>
				<!--图片集-->
				<div class="user_img">
					<div class="img_item">
						<div><img src="img/user_02.jpg"/></div>
					</div>
					<div class="img_item">
						<div><img src="img/user_03.jpg"/></div>
					</div>
					<div class="img_item">
						<div><img src="img/user_04.jpg"/></div>
					</div>
					<div class="img_item">
						<div><img src="img/user_05.jpg"/></div>
					</div>
					<div class="img_item">
						<div><img src="img/user_06.jpg"/></div>
					</div>
					<div class="img_item">
						<div><img src="img/user_07.jpg"/></div>
					</div>
					<div class="img_item">
						<div><img src="img/user_08.jpg"/></div>
					</div>
					<div class="img_item">
						<div><img src="img/user_09.jpg"/></div>
					</div>
					<div class="img_item">
						<div><img src="img/user_10.jpg"/></div>
					</div>
				</div>
				<div class="load_btn">
					LOAD MORE
				</div>
			</section>
			<!--尾部-->
			<footer>
				<div class="foot_img">
					<img src="img/user_31.jpg" />
				</div>
				<div class="foot">
					<div class="foot_cont">
						<div class="foot_sign">
							<p>Receive the latest Or news and Creativity in our newsletters.</p>
							<form action="" method="get">
								<a href="#">Sign Up</a>
								<input type="text" placeholder="Enter your email address" class="footsearch_input" />
							</form>
						</div>
						<div class="share">
							<a href="#"><i class="iconfont icon-weibo1"></i></a>
							<a href="#"><i class="iconfont icon-xingzhuang"></i></a>
							<a href="#"><i class="iconfont icon-baidu"></i></a>
							<a href="#"><i class="iconfont icon-ins"></i></a>
							<a href="#"><img src="img/top_03.png" /></a>
						</div>
					</div>
				</div>
			</footer>
		</div>
		<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
		<script type="text/javascript" src="js/rem.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
	</body>

</html>